<template>
  <div class="section">
    <div class="sosuokuangbian">
      <div class="sosuoquan"><span :class="['iconfont', arr2.icon] "></span></div>
      <input type="text" :placeholder="arr2.text" >
    </div>
   
  </div>
</template>
    
<script>
import getlink from "../../apis/getapi"
export default {
    data() {
        return {
            arr2:{},
        }
    },
    mounted(){
        getlink("/data/list/xiaoming").then((ok)=>{
            console.log(ok.data.faxiantwo);
            this.arr2 = ok.data.faxiantwo;
        })
    }
}
</script>

<style scoped>
.section {
  width: 90%;
  height: 1.3rem;
  margin: .2rem auto;
  display: flex;
  align-items: center;
}

.sosuokuangbian{
  margin-top: .7rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  background: #ffffff;
  border-radius: .2rem;
}
.sosuoquan{
  display: flex;
  width:.35rem ;
  height: .35rem;
  margin-left: .15rem;
 
}
.sosuoquan .iconfont{
  font-size: .35rem;
}
.sosuokuangbian input{
  width: 2.6rem;
  height: .35rem;
  font-size: .16rem;
  border-width:0
}
</style>